import React, { Component } from 'react'
import routerConfig from "./routerConfig"
import { NavLink } from 'react-router-dom'
import {Menu} from "antd"
export class RouterLink extends Component {
  render() {
    return (
//       <Menu>
//   <Menu.Item>菜单项一</Menu.Item>
//   <Menu.Item>菜单项二</Menu.Item>
//   <Menu.SubMenu title="子菜单">
//     <Menu.Item>子菜单项</Menu.Item>
//   </Menu.SubMenu>
// </Menu>;
      <div>
  <Menu mode="inline">
  {routerConfig.length ? routerConfig.map((item,index)=>{
    return item.show ? 
     <Menu.SubMenu title={item.title}>
       { item.children ? item.children.map((v,i)=>{
         return <Menu.Item key={v.path}><NavLink to={v.path}> {v.title}</NavLink></Menu.Item>
       }):'暂无数据' }</Menu.SubMenu> :null
  }) :'暂无数据' }
  

  </Menu>


      </div>

      // <div>
      //   {routerConfig? routerConfig.map((item,index)=>{
      //     return  item.show ? <div key={index}>
      //     <h5>  {item.title}</h5>  
      //       <div>
      //         {item.children ?item.children.map((v,i)=>{
      //           return<p> <NavLink to={v.path}>{v.title}</NavLink></p> 
      //         }) :null}

      //       </div>
      //     </div>:null


      //   }):'暂无数据' }
      // </div>
    )
  }
}

export default RouterLink